<div class="example-wrapper">
    <div style="margin-bottom: 1rem;">
        <div>
            <button onclick="sortByAthleteAsc()">Athlete Ascending</button>
            <button onclick="sortByAthleteDesc()">Athlete Descending</button>
            <button onclick="sortByCountryThenSport()">Country, then Sport</button>
            <button onclick="sortBySportThenCountry()">Sport, then Country</button>
        </div>
        <div style="margin-top: 0.25rem;">
            <button onclick="clearSort()">Clear Sort</button>
            <button onclick="saveSort()">Save Sort</button>
            <button onclick="restoreFromSave()">Restore from Save</button>
        </div>
    </div>
    <div id="myGrid" class="ag-theme-quartz"></div>
</div>